<template>
  <main>
    <ListComponent name="theItems" :list="items.list">
      <!-- <template slot="childComponent">
        <component :is="childComponent" :items="item"></component>
      </template> -->
      <template v-slot:child-component="child">
        <component :is="childComponent" :itinerary="child.item"></component>
      </template>
    </ListComponent>
  </main>
</template>
<script>
import ItemComponent from './ItemComponent.vue';
import ListComponent from './ListComponent.vue';

export default {
  components: {
    ListComponent,
    ItemComponent
  },
  data() {
    return {
      childComponent: 'ItemComponent'
    }
  }
}//https://stackoverflow.com/questions/61133102/how-to-pass-components-as-props-in-vue-js-and-how-to-use-it-properly
</script>
<style lang="">

</style>